<!--
 * @Author: 你的名字
 * @Date: 2022-11-03 16:11:45
 * @FilePath: /emergencyAssistance_web/src/components/normal/export-doc/export-doc.vue
 * @Description: 
-->
<template>
  <div class="export-doc">
    <el-button class="mult-button-item" v-show="show" @click="exportData"
      >导出分析报告</el-button
    >
  </div>
</template>

<script>
export default {
  name: "ExportDoc",
  props: {
    show: {
      type: Boolean,
      default: true,
    },//是否展示导出按钮
  
  },
  methods: {
    exportData() {
      this.$confirm("确定导出当前页面数据？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        this.downLoadPic();
      });
    },
     downLoadPic() {
        this.$emit('downLoadPic')
     },
  
  },
};
</script>

<style>
.export-doc {
    display: inline-block;
}
.mult-button-item {
    display: block;
    width: 100%;
    margin: 0;
    color: #fff;
    border: none;
    margin: 0.1rem 0;
    background: linear-gradient(228deg, #039EBC 0%, rgba(1, 1, 1, 0.94) 100%);
}
</style>